﻿<%@ Page Title="AGR: Home" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="AGR.Web._Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

    <script src="Scripts/mosaic.1.0.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        jQuery(function ($) {

            $('.circle').mosaic({
                opacity: 0.8			//Opacity for overlay (0-1)
            });
            $('.fade').mosaic();
            $('.bar').mosaic({
                animation: 'slide'		//fade or slide
            });

            $('.bar2').mosaic({
                animation: 'slide'		//fade or slide
            });

            $('.bar3').mosaic({
                animation: 'slide', //fade or slide
                anchor_y: 'top'		//Vertical anchor position
            });

            $('.cover').mosaic({
                animation: 'slide', //fade or slide
                hover_x: '400px'		//Horizontal position on hover
            });

            $('.cover2').mosaic({
                animation: 'slide', //fade or slide
                anchor_y: 'top', 	//Vertical anchor position
                hover_y: '80px'		//Vertical position on hover
            });

            $('.cover3').mosaic({
                animation: 'slide', //fade or slide
                hover_x: '400px', //Horizontal position on hover
                hover_y: '300px'		//Vertical position on hover
            });

        });
    </script>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="RightContent" runat="server">
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <asp:UpdatePanel ID="HomeUpdatePanel" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
            <asp:Panel ID="DefaultHomePanel" runat="server" Visible="false">
                            
            </asp:Panel>

            <asp:Panel ID="LoggedInHomePanel" runat="server" Visible="false">

                <div class="form-primary-large">What would you like to do?</div>
                <fieldset class="form-border-large">
                    <table class="form-border-large">
                    <tr>
                        <td>
                            <!--Circle-->	
		                    <div class="mosaic-block circle" ><!--mosaic-overlay--> 
			                    <a href="Default.aspx" class="mosaic-overlay">&nbsp;</a>
			                    <div class="mosaic-backdrop"><img src="<%=ResolveUrl("~/Content/Images/Mosaic/Search-icon.png") %>"/></div>
		                    </div>
                        </td>
                        <td>
                            <!--Fade-->
		                    <div class="mosaic-block fade">
			                    <a href="" class="mosaic-overlay">
				                    <div class="details" style="color: #FFFFFF">
					                    <h4 style="font-weight: bold; font-size: large">Development Advice Notice (DAN)</h4>
                                        <br />
					                    <p style="font-size: medium; color: #FFFFFF;">Capture a new DAN</p>
				                    </div>
			                    </a>
			                    <div class="mosaic-backdrop" align="center" style="background-color: #8DC63F"><img src="<%=ResolveUrl("~/Content/Images/Mosaic/Shop-icon.png") %>"></div>
		                    </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <!--Bar 2-->
		                    <div class="mosaic-block bar2" >
			                    <a href="<%=ResolveUrl("~/Content/Images/Mosaic/Search-icon.png") %>" class="mosaic-overlay">
				                    <div class="details" style="color: #FFFFFF">
					                    <h4 style="font-size: large">Calendar</h4>
					                    <p style="font-size: medium; color: #FFFFFF;">View a calendar</p>
				                    </div>
			                    </a>
			                    <div class="mosaic-backdrop"><img src="<%=ResolveUrl("~/Content/Images/Mosaic/windows-7-calendar-icon.png") %>"/></div>
		                    </div>
                        </td>
                        <td>
                            <!--Cover-->
		                    <div class="mosaic-block cover" >
			                    <div class="mosaic-overlay"><img src="<%=ResolveUrl("~/Content/Images/Mosaic/reports-icon.png") %>"/></div>
			                    <a href="Default.aspx"  class="mosaic-backdrop">
				                    <div class="details">
					                    <h4 style="font-weight: bold; font-size: large;">REPORTING</h4>
                                        <br />
					                    <p style="font-size: medium; color: #FFFFFF;">Create your own report.</p>
				                    </div>
			                    </a>
		                    </div>
                        </td>
                    </tr>
		                    
	                    
                    </table>
              </fieldset>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
